<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/public.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css">
		<link rel="stylesheet" type="text/css" href="../font/iconfont.css" />
	</head>
	<body>
		<div id="head">
			<div class="container">
				<div class="logo">
					<a href="http://localhost:8080/html/index.html">
						<img src="../static/img/nubia-logo.png" alt="">
					</a>
				</div>

				<div class="nav">
					<ul>
						<li><a href="">商城</a></li>
						<li class="banner_list" lab="banner_one"><a href="">手机</a></li>
						<li class="banner_list" lab="banner_two"><a href="">红魔手机</a></li>
						<li class="banner_list" lab="banner_three"><a href="">配件</a></li>
						<li class="banner_list" lab="banner_four"><a href="">摄影</a></li>
						<li><a href="">服务</a></li>
						<li><a href="">体验店</a></li>
						<li><a href="">社区</a></li>
						<li class="banner_list" lab="banner_five"><a href="">nubia UI</a></li>
					</ul>
				</div>

				<div class="search">
					<form action="" method="">
						<input type="text" name="" id="" value="" placeholder="红魔3" />
						<button type="button"><i class="iconfont icon-APPtubiao-"></i></button>
					</form>
				</div>

				<div class="box_cont">
					<div class="login">
						
						<a class="login_btn" href="http://localhost:8080/html/login.html">
							<i class="iconfont icon-denglu"></i>
						</a>
						<div class="login_box">
							<b class="jiaobiao"></b>
							<ul>
								<li class="yonghuming newstyle">
									<a href="http://localhost:8080/html/login.html" class="user_login_btn">立即登录</a>
									<p><span>没有账号？</span><a href="http://localhost:8080/html/sign.html" class="user_sign_btn">立即注册</a></p>
								</li>
								<li><a href=""><i class="iconfont icon-gerenzhongxin"></i>个人中心</a></li>
								<li class="divider"></li>
								<li><a href=""><i class="iconfont icon-liwu"></i>我的订单</a></li>
								<li class="divider"></li>
								<li><a href=""><i class="iconfont icon-xinyongqia"></i>我的优惠券</a></li>
								<li class="divider"></li>
								<li><a href=""><i class="iconfont icon-shoucang"></i>我的收藏</a></li>
								<li class="divider"></li>
								<li><a href=""><i class="iconfont icon-yuyue"></i>我的预约</a></li>
								<li class="divider"></li>
								<li><a href=""><i class="iconfont icon-xinjian"></i>收货地址</a></li>
								<li class="divider"></li>
								<li class="tuichu" style="display: none;"><a href=""><i class="iconfont icon-denglu"></i>退出</a></li>
							</ul>
						</div>
					</div>

					<div class="shopcar">
						<a href="http://localhost:8080/html/shopping_car.html" class="shopping_car_btn">
							<i class="iconfont icon-qicheqianlian-1-copy"></i>
							<span id="shop_count"></span>
						</a>
						<div class="shopcar_box">
							<b class="jiaobiao"></b>
							<div class="shopcar_box_cont">
								<p class="shopcar_ico">
									<i class="iconfont icon-qicheqianlian-1-copy"></i>
								</p>
								<p>您的购物车还是空的，赶紧行动吧！</p>
								
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="banner_list">
				<div class="head_banner banner_one">
					<div class="container">
						<ul>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/156525288896.png" alt="">
								</a>
								<p>
									<a href="">Z20</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/156516875510.png" alt="">
								</a>
								<p>
									<a href="">红魔3</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/156516876792.png" alt="">
								</a>
								<p>
									<a href="">努比亚阿尔法</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/155470065110.png" alt="">
								</a>
								<p>
									<a href="">红魔Mars</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/155470065110.png" alt="">
								</a>
								<p>
									<a href="">X</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/154745219020.png" alt="">
								</a>
								<p>
									<a href="">Z18</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/153690693445.png" alt="">
								</a>
								<p>
									<a href="">Z18mini</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="" alt="">
								</a>
							</li>
						</ul>
					</div>
				</div>

				<div class="head_banner banner_two">
					<div class="container">
						<ul>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/156516875510.png" alt="">
								</a>
								<p>
									<a href="">手机</a>
								</p>
							</li>
							<li>
								<a href="">
									<img src="//oss.static.nubia.cn/blockimage/154745219020.png" alt="">
								</a>
								<p>
									<a href="">手机</a>
								</p>
							</li>
							<li><a href=""><img src="" alt=""></a></li>

						</ul>
					</div>
				</div>

				<div class="head_banner banner_three">
					<div class="container">
						<ul>
							<li>
								<a href="">
									<img src="../static/img/banner_phone.png" alt="">
								</a>
								<p>
									<a href="">手机</a>
								</p>
							</li>
							<li><a href=""><img src="" alt=""></a></li>

						</ul>
					</div>
				</div>

				<div class="head_banner banner_four">
					<div class="container">
						<ul>
							<li>
								<a href="">
									<img src="../static/img/banner_phone.png" alt="">
								</a>
								<p>
									<a href="">手机</a>
								</p>
							</li>
							<li><a href=""><img src="" alt=""></a></li>

						</ul>
					</div>
				</div>

				<div class="head_banner banner_five">
					<div class="container">
						<ul>
							<li>
								<a href="">
									<img src="../static/img/banner_phone.png" alt="">
								</a>
								<p>
									<a href="">手机</a>
								</p>
							</li>
							<li><a href=""><img src="" alt=""></a></li>

						</ul>
					</div>
				</div>
			</div>
		</div>

		<div id="main_top">
			<div class="banner">
				<div class="swiper-container">
					<!-- <div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="">
								<img src="//oss.static.nubia.cn/blockimage/156715695162.jpg" alt="">
							</a>
						</div>
						<div class="swiper-slide">
							<a href="">
								<img src="//oss.static.nubia.cn/blockimage/156637063988.jpg" alt="">
							</a>
						</div>
						<div class="swiper-slide">
							<a href="">
								<img src="//oss.static.nubia.cn/blockimage/156678117912.jpg" alt="">
							</a>
						</div>
					</div>

					<div class="swiper-pagination"></div>

					<div class="container-fluid">
						<div class="swiper-button-prev"></div>
						<div class="swiper-button-next"></div>
					</div> -->
				</div>

				<div class="container-fluid fluid_nav">
					<div class="banner_nav">
						<!-- 模板渲染 -->
					</div>
				</div>
			</div>

			<div class="container-fluid shop_top">
				<!-- <div class="quickbuy clear">
					<div class="box">
						<ul class="fuwu_list">
							<li class="box_li">
								<a href="" class="active">
									<i class="iconfont icon-icon-_yijiuhuanxin"></i><br>
									<span>以旧换新</span>
								</a>
							</li>
							<li><a href="">
									<i class="iconfont icon-shangchuan
"></i><br>
									<span>NB码通道</span>
								</a>
							</li>
							<li><a href="">
									<i class="iconfont icon-suipingxian
"></i><br>
									<span>碎屏保</span>
								</a>
							</li>
							<li class="box_li box_li_bottom"><a href="">
									<i class="iconfont icon-zhenwei"></i><br>
									<span>真伪查询</span>
								</a>
							</li>
							<li class="box_li_bottom"><a href="">
									<i class="iconfont icon-3"></i><br>
									<span>售后网点</span>
								</a>
							</li>
							<li class="box_li_bottom"><a href="">
									<i class="iconfont icon-xiazai
"></i><br>
									<span>软件下载</span>
								</a>
							</li>
						</ul>
					</div>
					<div class="box quickbuy_list">
						<a href="">
							<img src="//oss.static.nubia.cn/blockimage/152343385867.jpg" alt="">
						</a>
					</div>
					<div class="box quickbuy_list">
						<a href="">
							<img src="//oss.static.nubia.cn/blockimage/156531613817.jpg" alt="">
						</a>
					</div>
					<div class="box quickbuy_list">
						<a href="">
							<img src="//oss.static.nubia.cn/blockimage/155644402643.jpg" alt="">
						</a>
					</div>
				</div>

				<div class="rexiao shop_all">
					<div class="title clear">
						<h3>热销机型</h3>
						<div class="more"><a href="">查看更多 <i class="iconfont icon-gengduo"></i></a></div>
					</div>
					<div class="top clear">
						
						<div class="box big_box">
							<a href="">
								<img src="//oss.static.nubia.cn/blockimage/156393635240.jpg" alt="">
							</a>
						</div>
						
						<div class="box">
							<a href="">
								<div class="shop_box">
									<img src="//oss.static.nubia.cn/blockimage/156194721722.png" alt="">
									<h2>红魔3</h2>
									<span>晓龙855</span>
								</div>
								<p class="price">￥<span class="now_price">2999</span> | <del>3499</del></p>
								<div class="buy_btn">
									<div>查看详情</div>
									<div>立即购买</div>
								</div>
							</a>
						</div>
						<div class="box">
							<a href="">
								<div class="shop_box">
									<img src="//oss.static.nubia.cn/blockimage/156403716681.png" alt="">
									<h2>红魔3</h2>
									<span>晓龙855</span>
								</div>
								<p class="price">￥<span class="now_price">2999</span> | <del>3499</del></p>
								<div class="buy_btn">
									<div>查看详情</div>
									<div>立即购买</div>
								</div>
							</a>
						</div>
					</div>
					<div class="bottom clear">
						<div class="box">
							<a href="">
								<div class="shop_box">
									<img src="//oss.static.nubia.cn/blockimage/154340896452.jpg" alt="">
									<h2>红魔3</h2>
									<span>晓龙855</span>
								</div>
								<p class="price">￥<span class="now_price">3999</span> | <del>3499</del></p>
								<div class="buy_btn">
									<div>查看详情</div>
									<div>立即购买</div>
								</div>
							</a>
						</div>
						<div class="box">
							<a href="">
								<div class="shop_box">
									<img src="//oss.static.nubia.cn/blockimage/154683890326.jpg" alt="">
									<h2>红魔3</h2>
									<span>晓龙855</span>
								</div>
								<p class="price">￥<span class="now_price">2999</span> | <del>3499</del></p>
								<div class="buy_btn">
									<div>查看详情</div>
									<div>立即购买</div>
								</div>
							</a>
						</div>
						<div class="box">
							<a href="">
								<div class="shop_box">
									<img src="//oss.static.nubia.cn/blockimage/155409741749.jpg" alt="">
									<h2>红魔3</h2>
									<span>晓龙855</span>
								</div>
								<p class="price">￥<span class="now_price">2999</span> | <del>3499</del></p>
								<div class="buy_btn">
									<div>查看详情</div>
									<div>立即购买</div>
								</div>
							</a>
						</div>
						<div class="box">
							<a href="">
								<div class="shop_box">
									<img src="//oss.static.nubia.cn/blockimage/155409879721.png" alt="">
									<h2>红魔3</h2>
									<span>晓龙855</span>
								</div>
								<p class="price">￥<span class="now_price">2999</span> | <del>3499</del></p>
								<div class="buy_btn">
									<div>查看详情</div>
									<div>立即购买</div>
								</div>
							</a>
						</div>
					</div>
				</div>
				<div class="jingxuan  shop_all">
					<div class="title clear">
						<h3>精选配件</h3>
						<div class="more"><a href="">查看更多 <i class="iconfont icon-gengduo"></i></a></div>
					</div>
					<div class="top clear">
						<div class="box big_box">
							<a href="">
								<img src="//oss.static.nubia.cn/blockimage/154691199639.jpg" alt="">
							</a>
						</div>
						<div class="box"><a href="">
								<div class="shop_box">
									<img src="//oss.static.nubia.cn/blockimage/15566169859.png" alt="">
									<h2>红魔3</h2>
									<span>晓龙855</span>
								</div>
								<p class="price">￥<span class="now_price">2999</span> | <del>3499</del></p>
								<div class="buy_btn">
									<div>查看详情</div>
									<div>立即购买</div>
								</div>
							</a>
						</div>
						<div class="box"><a href="">
								<div class="shop_box">
									<img src="//oss.static.nubia.cn/blockimage/155661705772.png" alt="">
									<h2>红魔3</h2>
									<span>晓龙855</span>
								</div>
								<p class="price">￥<span class="now_price">2999</span> | <del>3499</del></p>
								<div class="buy_btn">
									<div>查看详情</div>
									<div>立即购买</div>
								</div>
							</a>
						</div>

					</div>
					<div class="bottom clear">
						<div class="box"><a href="">
								<div class="shop_box">
									<img src="//oss.static.nubia.cn/blockimage/155661724245.png" alt="">
									<h2>红魔3</h2>
									<span>晓龙855</span>
								</div>
								<p class="price">￥<span class="now_price">2999</span> | <del>3499</del></p>
								<div class="buy_btn">
									<div>查看详情</div>
									<div>立即购买</div>
								</div>
							</a>
						</div>
						<div class="box"><a href="">
								<div class="shop_box">
									<img src="//oss.static.nubia.cn/blockimage/155661717624.png" alt="">
									<h2>红魔3</h2>
									<span>晓龙855</span>
								</div>
								<p class="price">￥<span class="now_price">2999</span> | <del>3499</del></p>
								<div class="buy_btn">
									<div>查看详情</div>
									<div>立即购买</div>
								</div>
							</a>
						</div>
						<div class="box"><a href="">
								<div class="shop_box">
									<img src="//oss.static.nubia.cn/blockimage/155661731229.png" alt="">
									<h2>红魔3</h2>
									<span>晓龙855</span>
								</div>
								<p class="price">￥<span class="now_price">2999</span> | <del>3499</del></p>
								<div class="buy_btn">
									<div>查看详情</div>
									<div>立即购买</div>
								</div>
							</a>
						</div>
						<div class="box"><a href="">
								<div class="shop_box">
									<img src="//oss.static.nubia.cn/blockimage/155497636917.png" alt="">
									<h2>红魔3</h2>
									<span>晓龙855</span>
								</div>
								<p class="price">￥<span class="now_price">2999</span> | <del>3499</del></p>
								<div class="buy_btn">
									<div>查看详情</div>
									<div>立即购买</div>
								</div>
							</a>
						</div>
					</div>
				</div> -->
			</div>
		</div>

		<div id="main_bottom">
			<div class="container-fluid shop_bottom">
				<div class="reping">
					<div class="title clear">
						<h3>产品热评</h3>
						<div class="more"><a href="">查看更多 <i class="iconfont icon-gengduo"></i></a></div>
					</div>
					<div class="center clear hot_center">
						<!-- <div class="box">
							<a href="">
								<img src="//oss.static.nubia.cn/blockimage/154721046868.jpg" alt="">
								<div>
									<h2>拯救安卓手游的"魔"物来了</h2>
									<p>一键入"魔"，活力全开</p>
								</div>
							</a>
						</div>
						<div class="box">
							<a href="">
								<img src="//oss.static.nubia.cn/blockimage/155367107530.jpg" alt="">
								<div>
									<h2>拯救安卓手游的"魔"物来了</h2>
									<p>一键入"魔"，活力全开</p>
								</div>
							</a>
						</div>
						<div class="box">
							<a href="">
								<img src="//oss.static.nubia.cn/blockimage/155367108591.jpg" alt="">
								<div>
									<h2>拯救安卓手游的"魔"物来了</h2>
									<p>一键入"魔"，活力全开</p>
								</div>
							</a>
						</div>
						<div class="box">
							<a href="">
								<img src="//oss.static.nubia.cn/blockimage/155367109475.jpg" alt="">
								<div>
									<h2>拯救安卓手游的"魔"物来了</h2>
									<p>一键入"魔"，活力全开</p>
								</div>
							</a>
						</div> -->
					</div>
				</div>
				<div class="shipin">
					<div class="title clear">
						<h3>视频</h3>
						<div class="more"><a href="">查看更多 <i class="iconfont icon-gengduo"></i></a></div>
					</div>
					<div class="center clear view_center">
						<!-- <div class="box">
							<a href="">
								<img src="//oss.static.nubia.cn/blockimage/15652585205.jpg" alt="">
								<div>
									<h2>拯救安卓手游的"魔"物来了</h2>
									<p>一键入"魔"，活力全开</p>
								</div>
							</a>
						</div>
						<div class="box">
							<a href="">
								<img src="//oss.static.nubia.cn/blockimage/155771604472.jpg" alt="">
								<div>
									<h2>拯救安卓手游的"魔"物来了</h2>
									<p>一键入"魔"，活力全开</p>
								</div>
							</a>
						</div>
						<div class="box">
							<a href="">
								<img src="//oss.static.nubia.cn/blockimage/155479296538.jpg" alt="">
								<div>
									<h2>拯救安卓手游的"魔"物来了</h2>
									<p>一键入"魔"，活力全开</p>
								</div>
							</a>
						</div>
						<div class="box">
							<a href="">
								<img src="//oss.static.nubia.cn/blockimage/154340969340.jpg" alt="">
								<div>
									<h2>拯救安卓手游的"魔"物来了</h2>
									<p>一键入"魔"，活力全开</p>
								</div>
							</a>
						</div> -->
					</div>
				</div>
			</div>
		</div>

		<div id="foot">
			<div class="container">
				<dl>
					<dt>关于我们</dt>
					<dd><a href="">关于nubia</a></dd>
					<dd><a href="">产品热评</a></dd>
					<dd><a href="">体验店</a></dd>
					<dd><a href="">新闻中心</a></dd>
					<dd><a href="">视频长廊</a></dd>
					<dd><a href="">联系我们</a></dd>
					<dd><a href="">企业购</a></dd>
					<dd><a href="">友情链接</a></dd>
					<dd><a href="">合作伙伴</a></dd>
				</dl>
				<dl>
					<dt>手机</dt>
					<dd><a href="">关于nubia</a></dd>
					<dd><a href="">产品热评</a></dd>
					<dd><a href="">体验店</a></dd>
					<dd><a href="">新闻中心</a></dd>
					<dd><a href="">视频长廊</a></dd>
					<dd><a href="">联系我们</a></dd>
					<dd><a href="">企业购</a></dd>
				</dl>
				<dl>
					<dt>配件</dt>
					<dd><a href="">关于nubia</a></dd>
					<dd><a href="">产品热评</a></dd>
					<dd><a href="">体验店</a></dd>
					<dd><a href="">新闻中心</a></dd>
				</dl>
				<dl>
					<dt>服务中心</dt>
					<dd><a href="">关于nubia</a></dd>
					<dd><a href="">产品热评</a></dd>
					<dd><a href="">体验店</a></dd>
					<dd><a href="">新闻中心</a></dd>
					<dd><a href="">视频长廊</a></dd>
					<dd><a href="">联系我们</a></dd>
				</dl>
				<dl>
					<dt>关注我们</dt>
					<dd><a href="">关于nubia</a></dd>
					<dd><a href="">产品热评</a></dd>
				</dl>
				<dl>
					<dt>全国服务热线</dt>
					<dd><a href="">
							<p><i class="iconfont icon-dianhua"></i>400-700-6600</p>
						</a></dd>
					<dd>
						<p class="foot_color">周一到周日 8:30-20:30</p>
					</dd>
					<dd>
						<p class="foot_color">(全年无休)</p>
					</dd>
					<dd><a class="foot_kefu" href=""><img src="../static/img/kefu.png"></a></dd>
				</dl>
			</div>
		</div>

		<div id="copyright">
			<div class="container">
				<div class="foot_logo">
					<a href="">
						<img src="../static/img/nubia-logo-x2.png" alt="">
					</a>
				</div>
				<div class="foot_ww clear">
					<a href="" class="fl">
						<img src="../static/img/weibo_img.png">
					</a>
					<a href="" class="fr">
						<img src="../static/img/weixin_img.png">
					</a>
				</div>
				<div class="foot_links">
					<span>2012-2019 努比亚技术有限公司 版权所有</span>|
					<a href="">隐私政策</a>|
					<a href="">关于Cookie</a>
					<a href=""><span></span>简体中文</a>
				</div>
				<div class="foot_beian">
					<a href=""> 粤ICP备10006213号</a>
					<a href="">ICP经营许可证编号：粤B2-20120688</a>
					<a href="">粤公网安备 44030502000309号 </a>
				</div>
				<div class="foot_renzheng">
					<a href="">
						<img src="../static/img/kexing_img.png" alt="">
					</a>
				</div>
			</div>
		</div>
	</body>
	<script src="../static/lib/require.js" data-main="../js/main.js" type="text/javascript" charset="utf-8"></script>
</html>
